<div class="animated fadeIn">


  <div class="table-responsive">
    <table class="table table-center table-bordered table-hover" style="min-width: 0px">
      <thead class="table-inverse">
      <tr class="text-nowrap">
        <td>账号</td>
        <td>反馈内容</td>
        <td>反馈时间</td>
        <td>状态</td>
        <td>操作</td>
      </tr>
      </thead>
      <tbody class="tab-content">
        <tr *ngFor="let item of opinionData">
          <td>{{item.account}}</td>
          <td>{{item.content}}</td>
          <td>{{item.time}}</td>
          <td>
            <span *ngIf="item.status == 1">待处理</span>
            <span *ngIf="item.status == 2">已处理</span>
          </td>
          <td>
            <a href="javascript:;" *ngIf="item.status == 1" (click)="smallModal.show(); getId(item.id, item.status)">处理</a>
          </td>
        </tr>
      </tbody>
    </table>
    <p class="noneData" *ngIf="!opinionData.length">暂无数据</p>
    <!--分页组件-->
    <div style="float: right">
      <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10" [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页" (pageChanged)="pageChanged($event)"></pagination>
    </div>
  </div>



</div>



<div bsModal #smallModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-primary modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">提示</h5>
        <button type="button" class="close" (click)="smallModal.hide()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" style="text-align: center" >
        <p style="margin: 0px" >您确定要处理吗</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" (click)="smallModal.hide()">取消</button>
        <button type="button" class="btn btn-primary"  (click)="smallModal.hide(); deal();" >确定</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>
